.main-setion {
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;
 }

 .image-box img {
     border-radius: 20px;
     width: 100%;
     height: auto;
     object-fit: cover;
 }

 .btn-custom {
     background: #f1f1f6;
     border: none;
     border-radius: 30px;
     padding: 12px;
     font-size: 16px;
     color: #333;
     width: 100%;
     margin-bottom: 15px;
     transition: all 0.3s ease-in-out;
 }

 .btn-custom:hover {
     background: #d9d9e3;
 }

 .btn-highlight span {
     color: #007bff;
     font-weight: 600;
 }

 /* Make sure buttons are centered on small screens */
 @media (max-width: 767px) {


     .col-md-6 {
         margin-bottom: 20px;
     }
 }
 
 
 @media (max-width: 425px) and (min-width: 320px) {
.box-setion {
    padding: 17px !important;
}
}